<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>19_选择器-伪元素选择器-before-after</title>

        <style>
            /* p::before {
                content: '￥';
            }

            p::after {
                content: '元';
            } */


            ul li {
                list-style: none;
            }

            ul::before {
                content:'晚饭'
            }

            ul::after {
                content: '盖儿饭';
            }
        </style>

    </head>
    <body>
        <!-- 情况1 -->
        <!-- <p>9</p>
        <p>10</p>
        <p>11</p> -->


        <!-- 情况2 -->
        <ul>
            <li>馒头</li>
            <li>猪头肉</li>
            <li>西红柿鸡蛋汤</li>
        </ul>
    </body>
</html>